<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>07_表单</title>
</head>
<body>
<form action="#">
    <!--
    name:控件的名字，没有name属性的控件无法提交值
    value:默认值，用来保存用户在控件中输入的值，也可以用于设置输入框的默认值或按钮上的显示文字
    placeholder：提示文本站位符，用于给用户显示输入提示
    readonly只读，单值属性，用户无法修改，但控件的值可以提交
    disabled禁用，单值属性，用户无法修改，控件的值无法提交-->
    用户名：<input type="text" placeholder="请输入用户名" name="username"> <br>
    密&nbsp;&nbsp;&nbsp;码：<input type="password" placeholder="请输入密码" name="password"> <br>
    <input type="text" name="username2" value="kk"> <br>
    <input type="text" name="username3" value="kk" readonly> <br>
    <input type="text" name="username4" value="kk" disabled> <br>
    <input type="radio" name="gender" value="1"  checked>男
    <input type="radio" name="gender" value="0">女 <br>
    <input type="checkbox" name="hobby" value="1" checked>打篮球
    <input type="checkbox" name="hobby" value="2">看电影
    <input type="checkbox" name="hobby" value="3">听音乐 <br>

    <!--h5新加-->
    颜色：<input type="color" name="color"> <br>
    文件：<input type="file" name="file"> <br>
    时间：<input type="date" name="date"> <br>
    范围：<input type="range" name="range"> <br>
    <select name="city">
        <option value="1">北京</option>
        <option value="2"  selected>上海</option>
        <option value="3">广州</option>
    </select> <br>
    留言板：<textarea name="content" style="resize: none">请输入内容</textarea> <br>
    <!--关联标签-->
    <input type="checkbox" id="ok">
    <lable for="ok">我同意以上协议</lable>
    <br>
    <label for="nn">昵称</label>
    <input type="text" name="nickname" id="nn">


    <hr>
    <input type="submit" value="点我提交">
    <input type="reset" value="点我重置">
    <input type="button" value="按钮">
    <button>按钮</button>
</form>
</body>
</html>